<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>
        dialog_style = {
            width: 600,
            height:500,
            title: 'page1',
            onClose: function(){
                // alert("come from page1");
            }
        }
    </script>
    <link rel="stylesheet" href="panel.css" />
    <script src="../lib/js/jquery.js"></script>
    <script src="panel.js"></script>
    <script>
        $(function(){
            //alert(JSON.stringify(window._data));
            console.log("contentWindow._data get", window._data);
            $("#pp").html(JSON.stringify(window._data));
        });

        function openAlert(){
            var mng = new $.Panel();
            mng.alert("HELLO K");
            return false;
        }


    </script>
</head>
<body>
    <div id="root">

        <div>params passed in : </div>
        <div id="pp"></div>

        <button onClick="openAlert()">OPEN</button>
        <input type="button" onclick="openAlert()" value="open" class="btn btn-light"/>
        <p>Hello worldHello worldHello worldHello worldHello worldHello worldHello worldHello worldHello worldHello worldHello worldHello worldHello worldHello worldHello worldHello worldHello worldHello worldHello worldHello worldHello worldHello worldHello worldHello worldHello worldHello worldHello worldHello worldHello worldHello worldHello worldHello world</p>
        <p>Hello world</p>
        <p>Hello world</p>
        <p>Hello world</p>
        <p>Hello world</p>
        <p>Hello world</p>
        <p>Hello world</p>
        <p>Hello world</p>
        <p>Hello world</p>
        <p>Hello world</p>
        <p>Hello world</p>
        <p>Hello world</p>
        <p>Hello world</p>
        <p>Hello world</p>
        <p>Hello world</p>
        <p>Hello world</p>
        <p>Hello world</p>
        <p>Hello world</p>
        <p>Hello world</p>
        <p>Hello world</p>
        <p>Hello world</p>
        <p>Hello world</p>
        <p>Hello world</p>
        <p>Hello world</p>
        <p>Hello world</p>
        <p>Hello world</p>
        <p>Hello world</p>
        <p>Hello world</p>
        <p>Hello world</p>
        <p>Hello world</p>
        <p>Hello world</p>
        <p>Hello world</p>
        <p>Hello world</p>
        <p>Hello world</p>
        <p>Hello world</p>
        <p>Hello world</p>
        <p>Hello world</p>
    </div>
</body>
</html>